<template>
  <div style="margin-right:16px" :class="state?'addDoctorTag  choose':'addDoctorTag  noChoose'">
    <div class="flexLeft">
      <div style="padding: 0 14px 0 0">{{ mationStr }}</div>
      <div><i class="el-icon-close" @click="deletFun"></i></div>
    </div>

  </div>
</template>

<script>
export default {
  components: {},
  props: ['mationStr', 'state'],
  data() {
    return {};
  },
  methods: {
    deletFun() {
      this.$emit('deletFun');
    }
  }
};
</script>

<style scoped lang='scss'>
.addDoctorTag {
  padding: 2px 12px;
  font-size: 14px;
  border-radius: 14px;
  display: inline-block;
}
.choose {
  background: #508fcc;
  color: #ffffff;
}
.noChoose {
    color: #999999;
    border: 1px solid #999999;
}
</style>
